@charset "utf-8";

.weather-bg{
	background-repeat: no-repeat;
	background-size: 100%;
	color: white;
}
.weather-basic{
	display:-moz-box;
	display:-webkit-box;
	display:box;
	padding: 20px;
	width: 100%
}
.weather-basic .now{
	-moz-box-flex: 3.0;
	-webkit-box-flex: 3.0;
	box-flex: 3.0;
	margin-left: 20px;
}
.weather-basic .pm25{
	-moz-box-flex: 1.0;
	-webkit-box-flex: 1.0;
	box-flex: 1.0;
}
.weather-basic-info{
	font-size: 20px;
}
.weather-basic-info span{
	margin-right: 20px;
}
.weather-forecast{
	margin-top: 20px;
}
.weather-forecast-info{
	display:-moz-box;
	display:-webkit-box;
	display:box;
	padding: 5px;
	width: 100%;
}
.weather-forecast-info li{
	-moz-box-flex: 1.0;
	-webkit-box-flex: 1.0;
	box-flex: 1.0;
	width: 50px;
	text-align: center;
    font-size: 17px;
    border: 1px solid #e2e2e2;
	background-color: rgba(0,0,0,.5);
}
.weather-forecast-info li img{
	width: 50px;
}
